<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <title>メイン画面イメージ</title>
  <link rel="stylesheet" href="../stylesheets/default.css" type="text/css" />
</head>
<style type="text/css">
<!--
TH {
	 background-color:lightsteelblue;
}

.menu {
	font-size: 16pt;
}


H1 {
	background-color:steelblue;
}
.b1 {
	border-width: 1px;
	border-style:solid;
/*	border-color:black;*/
}

table {
	margin:0px;
	
}
-->
</style>

<body>

<div class="mainheader">
	<table>
		<tr>
			<td id="logo"><img src="../images/logo.png"></td>
			<td id="sublogo"><img src="../images/sub_logo.png"></td>
		</tr>
	</table>
</div>
<div class="headline">
	<div>2006/10/10 11:12 中越沖地震 M7 発生</div>
</div>
<table noborder>
	<tr>
		<td>

			<table>
				<tr>
					<th><%= @map_url.map_type %></th>
				</tr>
				<tr>
					<td>
					<iframe width="425" height="350" frameborder="no" scrolling="no" marginheight="0" marginwidth="0" src="<%= @map_url.to_s %>"></iframe>
					</td>
				</tr>
			</table>

		</td>
		<td valign="top">
			<table width="300px;">
				<TR>
					<TH>
						メニュー
					</TH>
				</TR>				
				<TR>
					<TD>

						<table class="b1" width ="100%">
							<tr>
								<td>
									<UL class="menu">
										<LI>
											<%= link_to '避難所に避難する', :action => 'show_map', :type => 'escape_route' %>
										</LI>
										<LI>
											<A href="">安否確認</A>
										</LI>
										<LI>
											<%= link_to '災害状況を確認する', :action => 'show_map', :type => 'in_disaster_info' %>
										</LI>
										<LI>
											<A href="" class="menu">最寄の駐車場</a>
										</LI>
										<LI>
											<%= link_to '救援活動に参加する', :action => 'show_map', :type => 'out_disaster_info' %>
										</LI>
									</UL>
								</td>
							</tr>
						</table>
					</TD>
				</TR>				
				<TR>
					<TH>
						情報
					</TH>
				</TR>				
				<TR>
					<TD>
						
						<table class="b1" width="100%">
							<tr>
								<td>
									<UL>
										<LI>
											貴重品の持ち出しはOKですか？
										</LI>
										<LI>
											戸締りはOKですか？
										</LI>
									</UL>						
									
								</td>
							</tr>
						</table>
						
					</TD>
				</TR>
					
			</table>
			
		</td>
		
	</tr>
	<tr colspan="2">
		<TD>

			<table class="b1" width ="100%">
			<tr>
				<th>場所名</th>
				<th>住所</th>
				<th>距離</th>
			</tr>
			<tr>
				<td>柏崎市立 鏡が沖中（避難所）</td>
				<td>柏崎市鏡が沖１－１－１</td>
				<td>200m</td>
			</tr>	
			</table>			


		</TD>
			
	</tr>
		
</table>



</body>
</html>
